<template>
	<view class="enter-main">
		<uni-notice-bar show-icon text="请填写您的信息用于微信绑定" />
		
		<view class="enter-form">
			<view class="enter-form-item">
				<view class="enter-form-label">
					花名
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入昵称（五字以内）">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label">
					本人姓名
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label">
					本人身份证
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label">
					本人手机号
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label">
					本人游戏ID
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="tips">
				**下方填写收取报酬的信息，如有疑问咨询管理员
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label label-color">
					收款姓名
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label label-color">
					收款证件号
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label label-color">
					收款手机
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
			
			<view class="enter-form-item">
				<view class="enter-form-label label-color">
					收款账号
				</view>
				<view class="enter-form-input">
					<input type="text" placeholder="请输入">
				</view>
			</view>
		</view>
		
		<view class="footer-btn">
			<view class="btn">
				提交申请
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.enter-main{
		.enter-form{
			background-color: #fff;
			box-sizing: border-box;
			padding: 0px 30rpx;
			.enter-form-item{
				display: flex;
				align-items: center;
				height: 100rpx;
				border-bottom: 1px #f9f9f9 solid;
				.enter-form-label{
					width: 180rpx;
					font-size: 26rpx;
				}
				
				.label-color{
					color: red;
				}
				
				.enter-form-input{
					flex: 1;
				}
			}
		}
		
		.tips{
			color: red;
			font-size: 26rpx;
			margin: 10rpx 0px;
		}
		
		.footer-btn{
			box-sizing: border-box;
			padding: 30rpx;
			.btn{
				height: 80rpx;
				background-color: red;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 160rpx;
			}
		}
	}
</style>
